<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Examples</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.css" rel="stylesheet"></head>
<body>
	<script src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>

	<div class="has-feedback">
		<input  class="date-picker form-control field-due-date" id="AssignmentDue_date-0" placeholder="yyyy-mm-dd" data-error="" type="text"/>
	</div>

	<script>
	         var baseDatesDisabled = ['2017-01-01','2017-04-17','2017-05-01','2017-06-05','2017-07-14','2017-08-15','2017-11-01','2017-11-11','2017-12-25'];
         	$('.date-picker').datepicker({
				format: 'yyyy-mm-dd',
                orientation : 'bottom',
				datesDisabled: baseDatesDisabled
			})
			
			


	</script>
</body>
</html>